<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
        <link rel="stylesheet" href="../script/bootstrap-3.3.7.min.css">
            <style type="text/css">
                p.small {line-height: 90%}
                p.big {line-height: 200%}
                div{
                    margin: 1.5em;
                }
            </style>
</head>
<body>
<div class="container">
    <div class="row">
        <div>
            <a href="http://www.w3school.com.cn/css/css_dimension.asp">元素最小最大长宽点击</a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
                <p>
                这是拥有标准行高的段落。
                在大多数浏览器中默认行高大约是 110% 到 120%。
                这是拥有标准行高的段落。
                这是拥有标准行高的段落。
                这是拥有标准行高的段落。
                这是拥有标准行高的段落。
                这是拥有标准行高的段落。
                </p>

                <p class="small">
                这个段落拥有更小的行高。
                这个段落拥有更小的行高。
                这个段落拥有更小的行高。
                这个段落拥有更小的行高。
                这个段落拥有更小的行高。
                这个段落拥有更小的行高。
                这个段落拥有更小的行高。
                </p>

                <p class="big">
                这个段落拥有更大的行高。
                这个段落拥有更大的行高。
                这个段落拥有更大的行高。
                这个段落拥有更大的行高。
                这个段落拥有更大的行高。
                这个段落拥有更大的行高。
                这个段落拥有更大的行高。
                </p>
        </div>
    </div>


</div>


</body>
</html>